*{
	box-sizing: border-box;
}
.main{
	width: 100%;
	height: calc(100vh - 2px);
	
	padding: 	140px 4.6% 0px;
	// padding-top: 10vmin;
	color: #000;
	background: url('../../static/bk_top_jc.jpg') repeat-y 50%;
	background-size: 100%;
	
	.tableheader{
		height: auto;
		line-height: 1rem;
		border-radius: 10px 10px 0 0;
		width: 100%;
		display: flex;
		background: #4a4a4a;
		
		.tableheader_li{
			text-overflow: clip;
			overflow: initial;
			white-space: normal;
			align-items: center;
			padding: 10px 0;
			display: flex;
			justify-content: center;
			text-align: center;
			font-size: 24px;
			color: #fff;
			border-right: 2px solid #6c6a6a;
		}
		.tableheader_li:first-child{
			width: 160px;
		}
		.tableheader_li:nth-child(2){
			color: #fff;
			width: 240px;
		}
		.tableheader_li:last-child{
			width: 280px;
			color: #fbc847;
			border-right: 0;
		}
	}
	.tablebady{
		margin-bottom: 40px;
		background: #fff;
		border-radius: 0 0 10px 10px;
		
		.tablebadyul{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			line-height: 64px;
			flex-direction: column;
			height: 100%;
			overflow-y: scroll;
			
			.tablebadyli{
				display: flex;
				align-items: center;
				
				span{
					border-right: 2px solid #e2e2e2;
					color: #4a4a4a;
					display: flex;
					justify-content: center;
					align-items: center;
				}
				span:first-child{
					opacity: 0;
					width: 160px;
				}
				span:nth-child(2){
					border-bottom: 2px solid #e2e2e2;
					width: 240px;
					border-left: 2px solid #e2e2e2;
					border-right: 2px solid #e2e2e2;
				}
				span:last-child{
					width: 280px;
					border-right:0;
					border-bottom: 2px solid #e2e2e2;
				}
			}
			.tablebadyli:last-child span:first-child{
				position: relative;
				bottom: 5vmin;
				border: none;
				opacity: 1;
			}
			.tablebadyli:last-child span:nth-child(2){
				border-bottom: 0;
			}
			.tablebadyli:last-child span:last-child{
				border-bottom: 0;
			}
		}
	}
	.detail{
		margin-bottom: 5vmin;
		color: #000;
		text-align: center;
		
		h2{
			margin-bottom: 3vmin;
			font-weight: 400;
			font-size: 42px;
		}
		:global{
			.invite{
				margin-bottom: 5vmin;
				font-size: 28px;
			}
		}
		.btn{
			width: 214px;
			margin: 0 auto;
			background: #d4b59a;
			border-radius: 60px;
			color: #fff;
			font-weight: 700;
			font-size: 1rem;
			padding: 2vmin 10vmin;
			border: none;
		}
	}
}